<template>
	<view class="content">
		<view class="header qcfd">
			<view class="location fl" @click="chooseMarket">
				{{(market && marketObjct[market.id])? marketObjct[market.id]['name'] : '请选择批发市场'}}
				<image src="/static/pages/locationjt.png" mode=""></image>
			</view>
			<view class="page_title fl" style="position: absolute;top: 105rpx;left: 50%;transform: translateX(-50%);">
				超级货运
			</view>
		</view>

		<view class="swiper">
			<view class="swiper-tab">
				<view v-for="(item,index) in tabList" :key="index"
					:class="[currentTab==index ? 'actives ': '','swiper-tab-list']" @click="switchNav(index)">
					{{item.name}}
					<view class="weilei">
					</view>
					<!-- <view class="dot" v-if="item.dotNum>0">{{item.dotNum}}</view> -->
				</view>
			</view>
			<view class="tab-content " v-if="currentTab===1">
				<uni-notice-bar background-color="" color="#fff" single="true" text="超级货运只用于商家下单,不参与实际货物运输">
				</uni-notice-bar>
				<uni-forms :rules="rules" :value="formDatas" ref="form" validate-trigger="bind"
					err-show-type="undertext">
					<navigator url="../deliverInfo/deliverInfo" class="user_from qcfd " :class="cjbs"
						style="background-color: #FFFFFF;display: flex;align-items: center;">
						<text class="fl impot_font">发货人信息 :</text>
						<input disabled='true' style="width: 430rpx;overflow: hidden;
							white-space: normal !important;
								text-overflow: ellipsis;" class="uni-input fl  "
							placeholder-style="font-weight: 400 ;color: #7B7B7B;font-size: 28rpx;" v-model="fhrinfo"
							placeholder="请填写发货人信息" />
						<view class="fr" style="height: 34rpx;">
							<image style="width: 26rpx;height: 34rpx;" src="/static/pages/jtbf.png" mode=""></image>
						</view>
					</navigator>
					<view class="user_go qcfd">
						<view class="qcfd" style="margin-left: 26rpx;">
							<view class="fl impot_font">订单信息添加</view>
							<view @click='chooseRecever' class="fl uni-input dzb">地址簿</view>
							<navigator class="older qcfd fr" url="../plfh/plfh">
								<image class="fl" style="width: 28rpx;height: 28rpx;margin:15rpx 6rpx 15rpx  20rpx;"
									src="/static/pages/piliangtianjia.png" mode=""></image><text class="fl">批量发货</text>
							</navigator>
						</view>
						<view class="qcfd" style="margin-top: 24rpx;">
							<view class="" style="margin: 0 26rpx;">
								<uni-forms-item name="go_name" required class="fl" style="width: 45%;">
									<uni-easyinput type="text" :inputBorder="true" v-model="formDatas.go_name"
										placeholder="收货人"
										placeholder-style="text-align:left;font-weight: 400 ;color: #7B7B7B;font-size: 28rpx;">
									</uni-easyinput>
								</uni-forms-item>
								<uni-forms-item name="go_phone" required class="fr" style="width: 55%;">
									<uni-easyinput type="number" :inputBorder="true" v-model="formDatas.go_phone"
										placeholder-style="text-align:left;font-weight: 400 ;color: #7B7B7B;font-size: 28rpx;"
										@blur='yzsjg' placeholder="手机号码(座机加区号)"></uni-easyinput>
								</uni-forms-item>
							</view>
							<view class="" style="margin: 0 26rpx;">
								<view class="form1 " :class="formborder" @tap="handleTap('picker3')">
									<label :style="{'display':isssq?'none':'block'}">省市区</label>
									<view class="item-value"
										style="justify-content: space-between;width: 640rpx;height: 38px;text-align: left;line-height: 38px;padding-left: 10rpx;">
										<text class="item-label"
											style="font-weight: bold ;color: #2C2C2D;font-size: 28rpx;"
											v-if="label3!=''">{{ label3 }}</text>
										<image src="../../static/pages/locationjt.png" mode="" class="fr"
											style="width:24rpx;height: 16rpx;margin-top: 30rpx;"></image>
										<lb-picker ref="picker3" v-model="value3" mode="multiSelector" :list="list1"
											confirm-color="#FF690D" :level="3" :dataset="{ name: 'label3' }"
											@confirm="handleConfirm" @cancel="handleCancel">
										</lb-picker>
									</view>
								</view>
							</view>
							<uni-forms-item name="go_adress" required class="fl" style="width: 100%;">
								<uniEasyinputs type="text" :inputBorder="true" v-model="formDatas.go_adress"
									placeholder="详细地址 (例如: **街**号**)"
									placeholder-style="text-align:left;font-weight: 400 ;color: #7B7B7B;font-size: 28rpx;">
								</uniEasyinputs>
							</uni-forms-item>
							<view class="" style="margin:0 26rpx;">
								<input
									placeholder-style="text-align:left;font-weight: 400 ;color: #7B7B7B;font-size: 28rpx;"
									style="width: 100%; padding-left: 10rpx;" class="fl uni-input com_input"
									v-model="goods_name" placeholder="货物名称 (选填)" />
							</view>

						</view>
						<view class="uni-form-item uni-column qcfd" style="margin-top: 16rpx;margin-right: 26rpx;">
							<view class="pay_type fl" style="margin-top: -14rpx;margin-left: 26rpx;">
								<uni-group>
									<!-- <view class="text">选中：{{formData.value}}</view> -->
									<uni-data-checkbox selectedColor="#FF690D" v-model="formData.value"
										:localdata="sex"></uni-data-checkbox>
								</uni-group>
							</view>
							<view class="goods_num fr">
								<text class="jians">件数</text>
								<uni-number-box @change="mychange" :value='qty' />
							</view>
						</view>
						<view class="submit" style="margin-top: 30rpx; ">
							<button :disabled="!flag" :style="flag?bgCol:bgcc" @click="addList()">添加到订单列表</button>
						</view>
					</view>
				</uni-forms>
			</view>
			<view class="tab-content " v-if="currentTab===0">
				<uni-forms :rules="rules" :value="formDatas" ref="form" validate-trigger="bind"
					err-show-type="undertext">
					<navigator url="../fdrInfo/fdrInfo" class="user_from qcfd " :class="dcjbs"
						style="background-color: #FFFFFF;display: flex;align-items: center;">
						<text class="fl impot_font">发单人信息 :</text>
						<input disabled='true' style="width: 430rpx;overflow: hidden;
							white-space: normal !important;
								text-overflow: ellipsis;" class="uni-input fl  "
							placeholder-style="font-weight: 400 ;color: #7B7B7B;font-size: 28rpx;" v-model="fdrinfo"
							placeholder="请填写发单人信息" />
						<view class="fr" style="height: 34rpx;">
							<image style="width: 26rpx;height: 34rpx;" src="/static/pages/jtbf.png" mode=""></image>
						</view>
					</navigator>
					<view class="user_go qcfd">
						<view class="qcfd" style="padding: 0 26rpx;">
							<view class="fl impot_font">订单信息添加</view>
						</view>
						<view class="qcfd" style="margin-top: 42rpx;padding: 0 26rpx;">
							<view class="qcfd"  :class="qcjbs" style="padding: 5rpx;">
								<view class="qu_iocn fl">
									取
								</view>
								<navigator class="quhuo_info fl" style="width: 70%;border-right: 1rpx solid #E9E9E9; " url="../getAddress/getAddress" >
									<view class="quhuo_infou">
										{{qhxx}}
									</view>
									<view class="quhuo_infod" :class="wzz">
										{{qhdz}}
									</view>
								</navigator>
								<view class="adres fr" @click="tzqhr">
									地址簿
								</view>
							</view>
							<view class="line">

							</view>
							<view class="qcfd" :class="scjbs"  style="padding: 5rpx;">
								<view class="qu_iocn fl" style="background-color: #FF690D;">
									收
								</view>
								<navigator class="quhuo_info fl" style="width: 70%;border-right: 1rpx solid #E9E9E9;"
									url="../CnReceiveInfo/CnReceiveInfo">
									<view class="quhuo_infou">
										{{shxx}}
									</view>
									<view class="quhuo_infod" :class="wzz">
										{{shdz}}
									</view>
								</navigator>
								<view @click="tzshr" class="adres fr">
									地址簿
								</view>
							</view>

						</view>

						<view class="qcfd">
							<view class="fl zby">

							</view>

							<!-- <image  class="zjx fl" src="../../static/pages/fenge.png"  style="height: 1px;" mode=""></image> -->
							<view class="zjx fl  " style="display: flex;justify-content: space-between;">
								<view class=" xuxian" v-for="(city, index) in xuanxian" :key="index">

								</view>

							</view>

							<view class="fr yby">

							</view>
						</view>

						<view class="uni-form-item uni-column qcfd"
							style="margin-top: 16rpx;margin-right: 26rpx;margin-bottom: 16rpx;">
							<view class="pay_type fl" style="margin-top: -14rpx;margin-left: 26rpx;">
								<uni-group>
									<!-- <view class="text">选中：{{formData.value}}</view> -->
									<uni-data-checkbox selectedColor="#FF690D" v-model="formData.value"
										:localdata="sex"></uni-data-checkbox>
								</uni-group>
							</view>
							<view class="goods_num fr">
								<text class="jians">件数</text>
								<uni-number-box @change="mychange" :value='qty' />
							</view>
						</view>
						<view class="qcfd" style="margin:0 26rpx;">
							<input
								placeholder-style="text-align:left;font-weight: 400 ;color: #7B7B7B;font-size: 28rpx;"
								style="width: 100%; padding-left: 10rpx;border-top: 1rpx solid #E9E9E9;height: 83rpx;line-height: 83rpx;"
								class="fl uni-input com_input" v-model="goods_namess" placeholder="货物名称 (选填)" />
						</view>
						<view class="qcfd" style="margin:0 26rpx  ;padding: 0 0 20rpx;">
							<input
								placeholder-style="text-align:left;font-weight: 400 ;color: #7B7B7B;font-size: 28rpx;"
								style="width: 100%; padding-left: 10rpx;height: 83rpx;line-height: 83rpx;"
								class="fl uni-input com_input" v-model="detail" placeholder="备注 (选填)" />
						</view>
						<view class="submit" style="margin-top: 0rpx; ">
							<button :disabled="!flag" :style="flag?bgCol:bgcc" @click="addList()">添加到订单列表</button>
						</view>
					</view>
				</uni-forms>
			</view>
		</view>
		<view class="sure_order" style="overflow: hidden;box-sizing: border-box;">
			<view class="order_info" style="width: 55%;">
				<view class="qcfd" style="display: flex;justify-content: space-between;">
					<view class="orders">
						合计
					</view>
					<view class="" style="font-size: 24rpx;">
						<text style="font-size: 38rpx;">{{numOrders}}</text>单
					</view>
					<view @click="priceChanges" class="order_list qcfd" style="width: 100px;">
						<text class="fl">查看订单列表</text>
						<text class="fl" :class="xzsj"></text>
					</view>


				</view>
				<view class="xieyi" style="position: relative;background-color: #2C2C2D;">
					<uni-group style="margin-top: -10rpx;">
						<uni-data-checkbox multiple v-model="formData.hobby" :localdata="hobby" @fsjs='jsfs'>
						</uni-data-checkbox>
						<view class="" style="position: absolute;top: -10rpx;left: 40rpx;background-color: #2C2C2D;">
							<text @click="djagree" style="color: #ACACAC;">阅读同意</text><text style="color: #277BF9 ;"
								@click="djxy">《电子运单协议》</text>

						</view>
					</uni-group>
				</view>
			</view>
			<view class="order_btn" style="padding: 10rpx 0;box-sizing: border-box;">
				<button @click="makeOrder('form')" type="default">立即下单</button>
			</view>
		</view>
		<jsfun-picker :isShow="isShows" :listArr="priceList" :defaultArr="priceDefault" @clear="clearList"
			@delete="abcd" @gb='xzjd' @deleteOrder='dele'>
			<!-- 自定义页面显示元素 -->

		</jsfun-picker>
	</view>

</template>

<script>
	import {
		mapMutations,
		mapState
	} from 'vuex';
	import requstUrl from '@/index.js'
	import jsfunPicker from '@/components/jsfun-picker/jsfun-picker.vue'
	import uniNumberBox from '@/components/uni-number-box/uni-number-box.vue'
	import LbPicker from '@/components/lb-picker'
	import areaData from './area-data-min.js'
	import uniEasyinputs from '@/components/uni-easyinputs/uni-easyinput'
	import hTimeAlert from "@/components/h-time-alert/h-time-alert.vue";
	import uniNoticeBar from '@/components/uni-notice-bar/uni-notice-bar.vue'
	export default {
		components: {
			uniNumberBox,
			jsfunPicker,
			LbPicker,
			uniEasyinputs,
			hTimeAlert,
			uniNoticeBar
		},
		onReady() {
			this.$refs.form.setRules(this.rules)
		},
		computed: {
			...mapState(['market', 'userInfo', 'hasLogin'])
		},
		data() {
			return {

				avatar: '',
				value3: [],
				label3: '',
				xzsj: 'dsjx',
				list1: areaData,
				tabid: null,
				tabList: [{
						name: '装卸搬运',
					},
					{
						name: '同城订单',
					}

				],
				formData: {
					value: 1,
					hobby: []
				},
				sex: [{
					text: '寄付',
					value: 0
				}, {
					text: '到付',
					value: 1
				}],
				currentTab: 0,
				priceList: [],
				xieyi: '',
				fhrinfo: '',
				fdrinfo: '',
				formDatas: {
					go_name: '',
					go_phone: '',
					go_adress: ''
				},
				qty: 0,
				numOrders: 0,
				ps_type: 1,
				shipId: '',
				deliveryId: '',
				deliverysId: '',
				yanse: false,
				bgcc: 'background-color:#ffffff;color:#acacac',
				bgCol: 'background-color:#FF690D;color:#ffffff',
				flag: false,
				goods_name: '',
				myMarket: '选择市场',
				hobby: [{
					value: 1
				}],
				marketObjct: {},
				rules: {
					go_name: {
						rules: [{
								required: true,
								errorMessage: ''
							},

						]
					},
					go_phone: {
						rules: [{
								required: true,
								errorMessage: ''
							},
							{
								minLength: 7,
								maxLength: 12,
							}
						]
					},
					go_adress: {
						rules: [{
							required: true,
							errorMessage: ''
						}]
					},
				},
				deliveryList: '',
				province: '',
				city: '',
				area: '',
				ydlist: [],
				isssq: false,
				formborder: 'moren',
				cjbs: '',
				isShow: false,
				maskHide: false,
				closeBtn: false,
				rangeType: false,
				istms: 2,
				qhxx: '取货信息',
				qhdz: '请填写取货信息',
				shxx: '收货信息',
				shdz: '请填写收货信息',
				wzz: 'quhuo_infod',
				billerId: '',
				detail: '',
				deliveryIds: '',
				goods_namess: '',
				fadress: '',
				sadress: '',
				tadress: '',
				isShows: false,
				qcjbs:'',
				scjbs:'',
				dcjbs:'',
				xuanxian: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
				// 	 share:{
				// 	                title:'超级货运',
				// 	                path:'/pages/index/index',
				// 	                imageUrl:'',
				// 	                desc:'',
				// 	                content:''
				// 	            }
			}
		},
		onShareTimeline() {
			return {
				title: '超级货运',
				query: '/pages/index/index',
				imageUrl: 'https://shengxp.oss-cn-chengdu.aliyuncs.com/camelx/271a1457fe0b4e2b9ed9fd25b55fde62.png'
			}
		},
		// onLoad() {
		// 	setTimeout(function () {
		// 	            console.log('start pulldown');

		// 	        }, 1000);
		// 				uni.startPullDownRefresh();
		// },

		async onShow() {
			if (uni.getStorageSync("needLogin")) {
				return uni.navigateTo({
					url: '../login/login'
				})
			}
			
			this.initPage()
		},


		async onPullDownRefresh() {
			this.initPage()
			setTimeout(function() {
				uni.stopPullDownRefresh();
				uni.hideLoading();
			}, 1000);
		},

		watch: {
			
			
			
			hasLogin: function(newVal, oldVal) {
				console.log('hasLogin change', newVal, oldVal)
				if (newVal) {
					uni.showLoading({
						title:'加载中'
					})
					var that = this
					setTimeout(function(){
						console.log('wait 1000ms and init page')
						that.initPage()
						uni.hideLoading()
					},1000)
					
				}
			},
			
			qhdz: function(newVal, oldVal) {
			
				if (newVal !== '请填写取货信息') {
					this.qcjbs=''
				}
			
			
			},
			
			shdz: function(newVal, oldVal) {
			
				if (newVal !== '请填写收货信息') {
					this.scjbs=''
				}
			
			
			},
			
			deliverysId: function(newVal, oldVal) {

				if (newVal !== '') {
					this.changeColor()
				}


			},
			deliveryIds: function(newVal, oldVal) {

				if (newVal !== '') {
					this.changeColor()
				}


			},

			fhrinfo: function(newVal, oldVal) {
				if (newVal !== oldVal) {
					this.changeColor()
				}
			},

			fdrinfo: function(newVal, oldVal) {
				if (newVal !== '') {
					this.changeColor()
				}
			},

			qty: function(newVal, oldVal) {


				this.changeColor()

			},

			province: function(newVal, oldVal) {

				this.changeColor()

			},
			city: function(newVal, oldVal) {

				this.changeColor()

			},
			area: function(newVal, oldVal) {

				this.changeColor()

			},
			'formDatas.go_adress': function(newVal, oldVal) {

				this.changeColor()

			},

			'formDatas.go_phone': function(newVal, oldVal) {

				if (this.formDatas.go_phone !== '') {
					this.changeColor()
				}
			},
			'formDatas.go_name': function(newVal, oldVal) {

				if (this.formDatas.go_name !== '') {
					this.changeColor()
				}
			}

		},
		methods: {
			async initPage() {
				console.log('in initPage')
				
			
			
				
			
			
			
			
				if (uni.getStorageSync('Cnrecever') && uni.getStorageSync('token')) {
					if (uni.getStorageSync('Cnrecever').receiver !== null && uni.getStorageSync('Cnrecever')
						.receiverPhone !== null) {
						this.shxx = uni.getStorageSync('Cnrecever').receiver + ' ' + uni.getStorageSync('Cnrecever')
							.receiverPhone
					} else if (uni.getStorageSync('Cnrecever').receiverPhone == null && uni.getStorageSync('Cnrecever')
						.receiver == null) {
						this.shxx = '- -'
					} else if (uni.getStorageSync('Cnrecever').receiver == null) {
						this.shxx = '- -' + ' ' + uni.getStorageSync('Cnrecever').receiverPhone
					} else if (uni.getStorageSync('Cnrecever').receiverPhone == null) {
						this.shxx = uni.getStorageSync('Cnrecever').receiver + ' ' + '- -'
					}
					this.shdz = uni.getStorageSync('Cnrecever').address
					this.wzz = 'quhuo_infods'
					this.deliveryIds = uni.getStorageSync("Cnrecever").id
				} else {
					this.shdz = '请填写收货信息'
					this.shxx = '收货信息'
					this.deliveryIds = ''
				}
			
			
			
				if (uni.getStorageSync('qurecever') && uni.getStorageSync('token')) {
					if (uni.getStorageSync('qurecever').sender !== null && uni.getStorageSync('qurecever').senderPhone !==
						null) {
						this.qhxx = uni.getStorageSync('qurecever').sender + ' ' + uni.getStorageSync('qurecever')
							.senderPhone
					} else if (uni.getStorageSync('qurecever').senderPhone == null && uni.getStorageSync('qurecever')
						.sender == null) {
						this.qhxx = '- -'
					} else if (uni.getStorageSync('qurecever').sender == null) {
						this.qhxx = '- -' + ' ' + uni.getStorageSync('qurecever').senderPhone
					} else if (uni.getStorageSync('qurecever').senderPhone == null) {
						this.qhxx = uni.getStorageSync('qurecever').sender + '- -'
					}
			
					this.qhdz = uni.getStorageSync('qurecever').address
					this.wzz = 'quhuo_infods'
					this.deliverysId = uni.getStorageSync("qurecever").id
				} else {
					this.qhdz = '请填写取货信息'
					this.qhxx = '取货信息'
					this.deliverysId = ''
				}
			
				if (uni.getStorageSync('agree')) {
					this.formData.hobby.push(uni.getStorageSync('agree'))
				}
				let res = await this.$request.get(this.$requestUrl.MARKET_LIST_URL, {
					data: {
			
					}
				});
			
				
				let id = uni.getStorageSync("userInfo").marketId
				console.log('init page userInfo marketId', id)
				for (let i = 0; i < res.length; i++) {
					this.marketObjct[res[i]['id']] = res[i]
			
				}
				if (this.marketObjct[id]) {
					this.isssq = true
				}
				this.value3 = []
			
				if (this.marketObjct[id]) {
			
					for (let i = 0; i < this.list1.length; i++) {
			
						let province = this.list1[i]
			
						if (province['label'] === this.marketObjct[id]['province']) {
			
							this.value3.push(province['value'])
							this.province = province['label']
							for (let j = 0; j < province['children'].length; j++) {
								let city = province['children'][j]
								if (city.label === this.marketObjct[id]['city']) {
									this.value3.push(city['value'])
									this.city = city['label']
									let qu = city['children'][0]['value']
									this.area = city['children'][0]['label']
									this.value3.push(qu)
									this.label3 = this.province + "\xa0" + this.city + "\xa0" + this.area
									break
								}
							}
							break;
						}
					}
			
				}
			
				if (uni.getStorageSync("token")) {
					this.merchantId = uni.getStorageSync('userInfo').merchantId
					this.priceChange()
					this.getDeliver()
					this.hdshr()
					let res = await this.$request.get(this.$requestUrl.USERINFO_URL, {
						data: {
			
						}
					});
			
					console.log('我zeze', res)
			
					if (res.extra) {
						this.fdrinfo = JSON.parse(res.extra).name + '  ' + JSON.parse(res.extra).address + ' ' + JSON
							.parse(res.extra).phone
						console.log('this.fdrinfo', this.fdrinfo)
						this.fadress = JSON.parse(res.extra).name
						this.sadress = JSON.parse(res.extra).address
						this.tadress = JSON.parse(res.extra).phone
					}
				}
			
			
			
			
				if (uni.getStorageSync("recever")) {
					this.value3 = []
					let addressObj = uni.getStorageSync("recever")
					if (addressObj) {
						this.province = uni.getStorageSync("recever").province
						this.city = uni.getStorageSync("recever").city
						this.area = uni.getStorageSync("recever").area
						this.formDatas.go_adress = uni.getStorageSync("recever").address
						this.formDatas.go_name = uni.getStorageSync("recever").receiver
						this.formDatas.go_phone = uni.getStorageSync("recever").receiverPhone
						this.deliveryId = uni.getStorageSync("recever").id
						this.label3 = this.province + "\xa0" + this.city + "\xa0" + this.area
					}
			
			
					for (let i = 0; i < this.list1.length; i++) {
						let province = this.list1[i]
						if (province['label'] === this.province) {
							this.value3.push(province['value'])
							for (let j = 0; j < province['children'].length; j++) {
								let city = province['children'][j]
								if (city.label === this.city) {
									this.value3.push(city['value'])
									for (let k = 0; k < city['children'].length; k++) {
										let area = city['children'][k]
										if (area.label === this.area) {
											this.value3.push(area['value'])
											break;
										}
									}
									break
								}
							}
							break;
						}
					}
			
					this.isssq = true
				} else {
					this.formDatas.go_adress = ''
					this.formDatas.go_name = ''
					this.formDatas.go_phone = ''
					this.formDatas.deliveryId = ''
				}
				if (uni.getStorageSync("userInfo")) {
					this.selectMarket({
						id: uni.getStorageSync("userInfo").marketId
					})
				}
			
				if (uni.getStorageSync("token")) {
					this.merchantId = uni.getStorageSync('userInfo').merchantId
					this.priceChange()
					this.getDeliver()
					this.hdshr()
				}
			
			},
			
			tzshr() {
				uni.navigateTo({
					url: '../CnReceive/CnReceive'
				})
			},
			tzqhr() {
				uni.navigateTo({
					url: '../getAddressZ/getAddressZ'
				})
			},

			priceChanges() {
				// this.$refs.mychild.showPicker()
				if (this.isShows) {
					this.isShows = !this.isShows
				} else {
					this.isShows = !this.isShows
				}

				if (this.xzsj == 'sjx') {
					this.xzsj = 'dsjx'
				} else {
					this.xzsj = 'sjx'
				}
			},

			djagree() {
				if (this.formData.hobby.length > 0) {
					this.formData.hobby = []

				} else {
					this.formData.hobby.push(1)
					uni.setStorageSync('agree', 1)
				}
			},
			djxy() {
				uni.navigateTo({
					url: "../dzyd/dzyd"
				})
			},
			async yzsjg(evt) {
				let oldphone = evt.target.value
				let phonereg = 11 && /^((13|14|15|16|17|18|19)[0-9]{1}\d{8})$/
				let zjphonereg = /0\d{2,3}-\d{7,8}|\(?0\d{2,3}[)-]?\d{7,8}|\(?0\d{2,3}[)-]*\d{7,8}/


				if (phonereg.test(oldphone) || zjphonereg.test(oldphone)) {

				} else {
					return this.$api.msg('请填写正确的号码')
				}
				if (oldphone !== '' && uni.getStorageSync('token')) {
					await this.hdshr()
					for (let i = 0; i < this.ydlist.length; i++) {
						if (this.ydlist[i]['receiverPhone'] == oldphone) {
							return this.$api.msg('客户信息已存在，请点击地址簿选择')
						}
					}
				}
			},
			// async csyx(evt) {
			// 	let oldinfo = evt.target.value
			// 	if (oldinfo !== '' && uni.getStorageSync('token')) {
			// 		await this.hdshr()
			// 		for (let i = 0; i < this.ydlist.length; i++) {
			// 			if (this.ydlist[i]['receiver'] == oldinfo) {

			// 				return this.$api.msg('客户信息已存在，请点击地址簿选择')
			// 			}
			// 		}
			// 	}
			// },
			...mapMutations(['selectMarket']),
			changeColor() {
				if (this.ps_type == 2) {
					if (this.qty != 0 && this.province &&
						this.shipId !== '' && this.formDatas.go_name !== '' &&
						this.payer !== '' && this.formDatas.go_phone !== '' && this.formDatas.go_adress !== '') {
						this.flag = true

					} else {
						this.flag = false
					}
				} else {
					if (this.qty != 0 &&
						this.payer !== '' && this.deliveryIds !== '' && this.deliverysId !== '' && this.fdrinfo) {
						this.flag = true

					} else {
						this.flag = false
					}
				}
			},
			jsfs(data) {
				if (data.length > 0) {
					uni.setStorageSync('agree', 1)
				}
				this.formData.hobby = data
			},

			async addDeliver() {
				const res = await this.$request.post(this.$requestUrl.NEW_ADDRESS, {
					data: {
						type: 2,
						receiver: this.formDatas.go_name,
						receiverPhone: this.formDatas.go_phone,
						province: this.province,
						city: this.city,
						area: this.area,
						address: this.formDatas.go_adress,
						merchantId: this.merchantId,
						isTms: this.istms
					}
				});
				if (res) {

					await this.hdshr()
				} else {
					this.$api.msg(res || '系统繁忙，请稍后重试')
				}
			},
			xzjd() {
				this.xzsj = 'dsjx'
				this.isShows = false
			},
			async addList() {
				if (this.ps_type == 2) {

					let phonereg = 11 && /^((13|14|15|16|17|18|19)[0-9]{1}\d{8})$/
					let zjphonereg = /0\d{2,3}-\d{7,8}|\(?0\d{2,3}[)-]?\d{7,8}|\(?0\d{2,3}[)-]*\d{7,8}/
					if (phonereg.test(this.formDatas.go_phone) || zjphonereg.test(this.formDatas.go_phone)) {

					} else {
						return this.$api.msg('请填写正确的号码')
					}


					for (let i = 0; i < this.ydlist.length; i++) {
						if (this.ydlist[i]['address'] == this.formDatas.go_adress && this.ydlist[i]['receiver'] == this
							.formDatas.go_name &&
							this.ydlist[i]['receiverPhone'] == this.formDatas.go_phone && this.ydlist[i]['area'] ==
							this
							.area) {
							this.deliveryId = this.ydlist[i]['id']
							await this.tjddlb()

							return this.$refs.form.resetFields()
						}
					}

					await this.addDeliver()
					await this.tjddlb()
				} else {
					await this.tjddlb()
				}

				this.$refs.form.resetFields()
			},

			async tjddlb() {
				if (this.ps_type == 2) {
					if (this.qty != 0 &&
						this.shipId !== '' && this.deliveryId !== '' &&
						this.payer !== '') {
							this.flag=false
							
						let res = await this.$request.post(this.$requestUrl.ADD_ORDERLIST_URL, {
							data: {
								qty: this.qty,
								shipId: this.shipId,
								deliveryId: this.deliveryId,
								payer: this.formData.value + 1,
								orderType: this.ps_type,
								goodsName: this.goods_name,

							}
						});
						
						
						if(res.length>0){
							this.numOrders = res.length
							this.priceList = res
							this.goods_name = ''
							this.qty = 0
							uni.removeStorage({
								key: 'recever'
							})
							
							this.flag=true
						}else{
							this.$api.msg('系统繁忙，请重试')
							
						}
						
					} else {
						return this.$api.msg('请填写完整信息')
					}
				} else {
					if (this.qty != 0 &&
						this.qhxx !== '取货信息' && this.shxx !== '收货信息' && this.payer !== ''
					) {	this.flag=false
						let res = await this.$request.post(this.$requestUrl.ADD_ORDERLIST_URL, {
							data: {
								qty: this.qty,
								deliveryId: this.deliveryIds,
								pickAddressId: this.deliverysId,
								payer: this.formData.value + 1,
								orderType: this.ps_type,
								goodsName: this.goods_namess,
								memo: this.detail,
								billerAddress: this.sadress,
								billerMerchant: this.fadress,
								billerPhone: this.tadress
							}
						});
						
						if(res.length>0){
							this.numOrders = res.length
							this.priceList = res
							this.qty = 0
							this.qhxx = '取货信息',
								this.qhdz = '请填写取货信息',
								this.shxx = '收货信息',
								this.shdz = '请填写收货信息',
								this.goods_namess = ''
							this.deliverysId = ''
							this.deliveryIds = ''
							uni.removeStorage({
								key: 'Cnrecever'
							})
							
							uni.removeStorage({
								key: 'qurecever'
							})
							this.detail = ''
							this.flag=true
						}else{
							this.$api.msg('系统繁忙，请重试')
							
						}
						
					} else {
						return this.$api.msg('请填写完整信息')
					}
				}
			},

			mychange(data) {
				this.qty = data

			},
			chooseMarket() {

				uni.navigateTo({
					url: '../pfsc/pfsc'
				});



			},
			async priceChange() {

				let res = await this.$request.get(this.$requestUrl.GET_ORDERS_url, {
					data: {
						orderType: this.ps_type,
					}
				});


				this.priceList = res

				this.numOrders = res.length
				// this.olist=res.length


			},
			async clearList() {
				let res = await this.$request.post(this.$requestUrl.DELE_ORDER_URL, {
					data: {
						status: -1,
						orderType: this.ps_type,
					}
				});
				this.priceList = res
				this.numOrders = res.length
			},
			async hdshr() {
				let ress = await this.$request.get(this.$requestUrl.GET_ADRESS_URL, {
					data: {
						type: 2,
						isTms: this.istms
					}
				});
				if (ress.length > 0) {
					this.ydlist = ress
					this.deliveryId = ress[ress.length - 1].id
				}
				this.$api.msg(ress || '系统繁忙，请稍后重试')
			},
			async abcd(data, item) {

				if (item.qty !== data) {
					let res = await this.$request.post(this.$requestUrl.XGORDER_URL, {
						data: {
							serial: item.serial,
							qty: data,
							orderType: this.ps_type,
						}
					});
					this.priceList = res

				}
			},
			async dele(item) {
				let res = await this.$request.post(this.$requestUrl.DELE_ORDER_URL, {
					data: {
						serial: item.serial,
						status: 0,
						orderType: this.ps_type,
					}
				});
				this.priceList = res
				this.numOrders = res.length
			},

			async switchNav(i) {
				if (i == 0) {
					this.ps_type = 1
					this.istms = 2
					this.deliveryId = uni.getStorageSync("Cnrecever").id
					this.shipId = ''
				} else {
					this.ps_type = 2
					this.istms = 0
					this.deliveryId = uni.getStorageSync("recever").id
					this.billerId = ''
				}

				this.getDeliver()

				if (this.currentTab === i) {
					return false;

				} else {
					this.currentTab = i;
				}
				this.priceChange()
			},
			async makeOrder(form) {



				let arr = []
				let data = {}

				if (this.priceList.length == 0) {
					this.$refs[form]
						.submit()
						.then(res => {


						})
						.catch(errors => {

							console.error('验证失败：', errors)
						})
				}
				if (this.formData.hobby.length == 0) {
					return this.$api.msg('请阅读并同意下方协议')
				}

				if (this.ps_type == 2) {
					if (this.formDatas.go_adress !== '' && this.formDatas.go_phone !== '' && this.formDatas.go_name !==
						'' && this.qty != 0 && this.shipId !== '' && this.deliveryId !== '' &&
						this.payer !== '' && this.priceList.length > 0) {
						await this.addList()
						for (let i = 0; i < this.priceList.length; i++) {
							let data = {}
							data.go_adress = this.priceList[i].deliveryProvince + this.priceList[i].deliveryCity + this
								.priceList[i].deliveryArea + this.priceList[i].deliveryAddress
							data.deliveryId = this.priceList[i].deliveryId
							data.go_phone = this.priceList[i].deliveryTel
							data.go_name = this.priceList[i].deliveryUser
							data.ps_type = this.priceList[i].orderType
							data.payer = this.priceList[i].payer
							data.qty = this.priceList[i].qty
							data.shipAddress = this.priceList[i].shipAddress
							data.shipArea = this.priceList[i].shipArea
							data.shipCity = this.priceList[i].shipCity
							data.shipId = this.priceList[i].shipId
							data.shipTel = this.priceList[i].shipTel
							data.shipProvince = this.priceList[i].shipProvince
							data.shipUser = this.priceList[i].deliveryUser
							data.goods_name = this.priceList[i].goodsName
							arr.push(data)
						}

					} else if (this.priceList.length > 0) {

						if (this.formDatas.go_adress == '' || this.formDatas.go_phone == '' || this.formDatas
							.go_name ==
							'' || this.qty == 0 ||
							this.shipId == '' || this.deliveryId == '' ||
							this.payer == '') {

							await this.priceChange()
							for (let i = 0; i < this.priceList.length; i++) {
								let data = {}
								data.go_adress = this.priceList[i].deliveryProvince + this.priceList[i].deliveryCity +
									this
									.priceList[i].deliveryArea + this.priceList[i].deliveryAddress
								data.deliveryId = this.priceList[i].deliveryId
								data.go_phone = this.priceList[i].deliveryTel
								data.go_name = this.priceList[i].deliveryUser
								data.ps_type = this.priceList[i].orderType
								data.payer = this.priceList[i].payer
								data.qty = this.priceList[i].qty
								data.shipAddress = this.priceList[i].shipAddress
								data.shipArea = this.priceList[i].shipArea
								data.shipCity = this.priceList[i].shipCity
								data.shipId = this.priceList[i].shipId
								data.shipTel = this.priceList[i].shipTel
								data.shipProvince = this.priceList[i].shipProvince
								data.shipUser = this.priceList[i].deliveryUser
								data.goods_name = this.priceList[i].goodsName
								arr.push(data)

							}

						}

					} else if (
						this.formDatas.go_adress !== '' && this.formDatas.go_phone !== '' && this.formDatas.go_name !==
						'' && this.qty != 0 && this.shipId !== '' && this.payer !== ''
					) {

						await this.addList()
						for (let i = 0; i < this.priceList.length; i++) {
							data.go_adress = this.priceList[i].deliveryProvince + this.priceList[i].deliveryCity + this
								.priceList[i].deliveryArea + this.priceList[i].deliveryAddress
							data.deliveryId = this.priceList[i].deliveryId
							data.go_phone = this.priceList[i].deliveryTel
							data.go_name = this.priceList[i].deliveryUser
							data.ps_type = this.priceList[i].orderType
							data.payer = this.priceList[i].payer
							data.qty = this.priceList[i].qty
							data.shipAddress = this.priceList[i].shipAddress
							data.shipArea = this.priceList[i].shipArea
							data.shipCity = this.priceList[i].shipCity
							data.shipId = this.priceList[i].shipId
							data.shipTel = this.priceList[i].shipTel
							data.shipProvince = this.priceList[i].shipProvince
							data.shipUser = this.priceList[i].deliveryUser
							data.goods_name = this.priceList[i].goodsName
							arr.push(data)
						}

					} else {

						if (this.area == '') {
							this.formborder = 'bianshe'
						}
						if (this.shipId == '') {
							this.cjbs = 'bianshes'

						}
						return this.$api.msg('请填写完整信息')
					}

					if (arr.length > 0) {
						uni.navigateTo({
							url: '../confirmOrder/confirmOrder?data=' + JSON.stringify(arr)
						})
						this.$refs.form.resetFields()
						this.goods_name = ''
						this.label3 = ''
						this.qty = 0
						this.isssq = false
						uni.removeStorage({
							key: 'recever'
						})
					}
				} else {

					if (this.qty != 0 && this.deliveryId !== '' && this.deliverysId !== '' && this.fdrinfo !== '' &&
						this.priceList.length > 0) {
						await this.tjddlb()
						for (let i = 0; i < this.priceList.length; i++) {
							let data = {}
							data.go_adress = this.priceList[i].deliveryAddress
							data.go_phone = this.priceList[i].deliveryTel
							data.go_name = this.priceList[i].deliveryUser
							data.deliveryId = this.priceList[i].deliveryId
							data.pickAddressId = this.priceList[i].pickAddressId
							data.ps_type = this.priceList[i].orderType
							data.payer = this.priceList[i].payer
							data.qty = this.priceList[i].qty
							data.shipAddress = this.priceList[i].picksAddress
							data.shipTel = this.priceList[i].pickPhone
							data.shipUser = this.priceList[i].pickNmae
							data.goods_name = this.priceList[i].goodsName
							data.billerAddress = this.priceList[i].billerAddress
							data.billerMerchant = this.priceList[i].billerMerchant
							data.billerPhone = this.priceList[i].billerPhone
							data.memo = this.priceList[i].memo
							arr.push(data)
						}
					} else if (this.priceList.length > 0) {
						if (
							this.qty == 0 ||
							this.deliveryId == '' || this.deliverysId == '' || this.fdrinfo !== ''
						) {

							await this.priceChange()
							for (let i = 0; i < this.priceList.length; i++) {
								let data = {}
								data.go_adress = this.priceList[i].deliveryAddress
								data.go_phone = this.priceList[i].deliveryTel
								data.go_name = this.priceList[i].deliveryUser
								data.deliveryId = this.priceList[i].deliveryId
								data.pickAddressId = this.priceList[i].pickAddressId
								data.ps_type = this.priceList[i].orderType
								data.payer = this.priceList[i].payer
								data.qty = this.priceList[i].qty
								data.shipAddress = this.priceList[i].picksAddress
								data.shipTel = this.priceList[i].pickPhone
								data.shipUser = this.priceList[i].pickNmae
								data.goods_name = this.priceList[i].goodsName
								data.billerAddress = this.priceList[i].billerAddress
								data.billerMerchant = this.priceList[i].billerMerchant
								data.billerPhone = this.priceList[i].billerPhone
								data.memo = this.priceList[i].memo
								arr.push(data)

							}

						}

					} else if (
						this.qty != 0 && this.deliveryId !== '' && this.deliverysId !== '' && this.fdrinfo !== ''
					) {
						await this.tjddlb()
						for (let i = 0; i < this.priceList.length; i++) {
							let data = {}
							data.go_adress = this.priceList[i].deliveryAddress
							data.go_phone = this.priceList[i].deliveryTel
							data.go_name = this.priceList[i].deliveryUser
							data.pickAddressId = this.priceList[i].pickAddressId
							data.deliveryId = this.priceList[i].deliveryId
							data.ps_type = this.priceList[i].orderType
							data.payer = this.priceList[i].payer
							data.qty = this.priceList[i].qty
							data.shipAddress = this.priceList[i].picksAddress
							data.shipTel = this.priceList[i].pickPhone
							data.shipUser = this.priceList[i].pickNmae
							data.goods_name = this.priceList[i].goodsName
							data.billerAddress = this.priceList[i].billerAddress
							data.billerMerchant = this.priceList[i].billerMerchant
							data.billerPhone = this.priceList[i].billerPhone
							data.memo = this.priceList[i].memo
							arr.push(data)
						}
					} else {
						// 	if (this.shipId == '') {
						// 		this.cjbs = 'bianshes'

						// 	}
						console.log('this.qhdz',this.shdz)
						if (this.qhdz == '请填写取货信息') {
							this.qcjbs = 'bianshes'
						} 
						
						if(this.shdz == '请填写收货信息'){
							this.scjbs = 'bianshes'
						}
						
						if (this.fdrinfo == '') {
							this.dcjbs = 'bianshes'
						
						}
						return this.$api.msg('请填写完整信息')
						
						
					}

					if (arr.length > 0) {
						uni.navigateTo({
							url: '../confirmOrder/confirmOrder?data=' + JSON.stringify(arr)
						})
						this.qty = 0
						this.qhxx = '取货信息',
							this.qhdz = '请填写取货信息',
							this.shxx = '收货信息',
							this.shdz = '请填写收货信息',
							this.goods_namess = ''
						this.detail = ''
						this.dcjbs = ''
						this.qcjbs = ''
						this.scjbs = ''
						uni.removeStorage({
							key: 'Cnrecever'
						})

						uni.removeStorage({
							key: 'qurecever'
						})
					}
				}




			},
			async getDeliver() {
				let res = await this.$request.get(this.$requestUrl.GET_ADRESS_URL, {
					data: {
						type: 1,
						isTms: this.istms
					}
				});
				if (res.length > 0) {
					this.cjbs = ''
					this.fhrinfo = res[res.length - 1].sender + '  ' + res[res.length - 1].address + '  ' + res[res
						.length - 1].senderPhone
					this.shipId = res[res.length - 1].id

				} else {
					this.fhrinfo = ''
					this.shipId = ''

				}
				this.$api.msg(res || '系统繁忙，请稍后重试')
			},

			chooseRecever() {
				uni.navigateTo({
					url: '../receiveAddres/receiveAddres'
				})
			},

			handleTap(picker) {
				this.$refs[picker].show()
				this.formborder = 'moren'
			},
			handleConfirm(e) {
				// 如果存在多个picker，可以在picker上设置dataset属性，confirm中获取，就能区分是哪个picker了

				if (e) {
					const name = e.dataset.name
					const label = e.item.map(m => m.label).join('\xa0')
					if (name && label) {
						this[name] = label
					}
					let site = label.split("\xa0")
					this.province = site[0]
					this.city = site[1]
					this.area = site[2]

					this.isssq = true
				}
			},
			handleCancel(e) {

			},

		}
	}
</script>

<style>
	.content {

		position: relative;
		/* display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center; */
		background-color: #F4F3F3;
	}

	.header {
		padding: 110rpx 24rpx 20rpx;

		background-color: #FFFFFF;

	}

	.location {
		font-size: 28rpx;
		color: #ACACAC;
	}

	.location image {
		width: 18rpx;
		height: 12rpx;
		margin-left: 8rpx;
	}

	.page_title {
		font-size: 36rpx;
		font-weight: 700;
		font-family: YouSheBiaoTiHei;
	}

	,
	.swiper {
		background-image: linear-gradient(#FF6D0D 0%, #F4F3F3 55%);

	}

	,
	.swiper-tab {
		text-align: center;
		line-height: 1.6;
		display: flex;
		flex-wrap: wrap;
		padding: 24rpx;

	}

	,
	.swiper-tab-list {
		font-size: 32rpx;
		color: rgba(255, 255, 255, 0.8);
		position: relative;
		width: 150rpx;
		padding-right: 25rpx;
	}

	.actives {
		color: #FFFFFF;
		font-size: 36rpx !important;
		font-weight: bold;
	}

	.weilei {
		width: 32rpx;
		height: 6rpx;
		background-color: #FFFFFF;
		border-radius: 25%;
		margin: 0 auto;
		display: none;
	}

	.actives .weilei {
		display: block;
	}

	,
	.dot {
		position: absolute;
		display: flex;
		width: 37rpx;
		height: 35rpx;
		line-height: 40rpx;
		text-align: center;
		align-items: center;
		/* 垂直居中 */
		justify-content: center;
		/* 水平居中 */
		background: #02a9ff;
		border-radius: 200rpx;
		color: #fff;
		z-index: 9;
		font-size: 52rpx;
		top: 0;
		right: 10rpx;
	}

	.tab-content {
		text-align: center;
		padding: 26rpx 26rpx;
	}

	.older {
		background-color: #277BF9 !important;
		width: 172rpx;
		height: 58rpx;
		border-radius: 60rpx 0 0 60rpx;
		float: right;
		height: 58rpx;
		line-height: 58rpx;
		color: #FFFFFF;
		font-size: 24rpx;

	}

	.user_from {
		padding: 26rpx;
		margin-bottom: 22rpx;
		border-radius: 16rpx;
	}

	.impot_font {
		font-size: 32rpx;
		font-weight: bold;
	}

	.uni-input {
		font-size: 28rpx;
		text-align: left;
		box-sizing: border-box;
		padding-left: 20rpx;
	}

	.user_go {
		padding: 26rpx 0;
		background-color: #FFFFFF;
		border-radius: 16rpx;

	}



	input {
		overflow: hidden;
		white-space: normal !important;
		text-overflow: ellipsis;
		width: 100%;
	}

	.com_input {
		background-color: #FFFFFF;
		border-bottom: 1rpx solid #E9E9E9;
		height: 70rpx;
	}

	.uni-form-item {
		margin-top: 6rpx;
	}

	.pay_type {
		display: flex;
	}

	.pay_type label {

		margin-right: 0px !important;
		font-size: 24rpx;

	}


	.goods_num {
		display: flex;
	}

	.goods_num .jians {
		line-height: 48rpx;
		font-size: 26rpx;
		color: #7B7B7B;
		margin-right: 26rpx;
	}

	.submit button {
		width: 286rpx;
		height: 64rpx;
		border: 2rpx solid #F4F3F3;
		font-size: 28rpx;
		line-height: 64rpx;
		border-radius: 40rpx;
	}

	button::after {
		border: none
	}

	.sure_order {
		width: calc(100% - 52rpx);
		position: fixed;
		bottom: 24rpx;
		left: 26rpx;
		display: flex;
		justify-content: space-between;
		background-color: #2D2D2D !important;
		border-radius: 16rpx;
		padding: 16rpx 24rpx;
		color: #FFFFFF;
		z-index: 99;
	}

	.orders {
		font-size: 28rpx;
		margin-top: 8rpx;
		font-weight: 400;
	}

	.order_list {
		font-size: 24rpx;
		color: #FF690D;
		margin-top: 12rpx;
	}

	.xieyi {
		margin-top: 12rpx;
	}

	.xieyi text {
		font-size: 24rpx;
	}

	.order_btn button {
		width: 192rpx;
		height: 80rpx;
		background: #FF690D;
		border-radius: 40rpx;
		font-size: 32rpx;
		line-height: 80rpx;
		color: #FFFFFF;
	}

	.form1 {
		width: 100%;
		/* line-height: 46px; */

		justify-content: space-between;
		display: flex;

	}

	.form1 label {
		font-size: 28rpx;
		width: 120rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		line-height: 70rpx;
		color: #7B7B7B;


	}



	.dzb {
		width: 120rpx;
		height: 48rpx;
		border-radius: 128rpx;
		border: 2rpx solid #ACACAC;
		line-height: 48rpx;
		text-align: center;
		padding-left: 0 !important;
		font-size: 24rpx;
		color: #181818;
		margin-left: 32rpx;
	}

	.moren {
		border-bottom: 1rpx solid #e9e9e9;
	}

	.bianshes {
		border: 1rpx solid #dd524d;
	}

	.bianshe {
		border-bottom: 1rpx solid #dd524d;
	}



	input {
		font-size: 28rpx !important;
		font-weight: bold;
		color: #2C2C2D;
	}

	.tabt {
		margin-top: 30rpx;
		text-align: center;
	}

	.tabt image {
		width: 360rpx;
		height: 360rpx;
	}

	.ttxt {
		margin-top: 112rpx;
		font-size: 36rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #FF690D;
	}

	.qu_iocn {
		width: 32rpx;
		height: 32rpx;
		line-height: 32rpx;
		background-color: #2577FF;
		border-radius: 8rpx;
		color: #FFFFFF;
		font-size: 20rpx;
		margin-top: 20rpx;
	}

	.quhuo_info {
		text-align: left;
		margin-left: 24rpx;
	}

	.quhuo_infou {
		font-size: 32rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #2C2C2D;
	}

	.quhuo_infod {
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #ACACAC;
		margin-top: 4rpx;
	}

	.quhuo_infods {
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #2C2C2D;
		margin-top: 4rpx;
	}

	.adres {
		margin-top: 22rpx;
	}

	.line {
		margin: 22rpx 0;
		height: 1rpx;

		box-sizing: border-box;
		background-color: #E9E9E9;
	}

	.zby {
		width: 20rpx;
		height: 40rpx;
		border-radius: 0 20px 20px 0;
		line-height: 40px;
		background-color: #F4F3F3;

	}

	.yby {
		width: 20rpx;
		height: 40rpx;
		border-radius: 20px 0 0 20px;
		line-height: 40px;
		background-color: #F4F3F3;
	}

	.zjx {
		width: calc(100% - 40rpx);
		height: 1rpx;
		/* border-bottom: 1rpx dashed #d5d5d5; */
		/* background-image:url('~@/static/pages/fenge.png'); */
		background-color: #FFFFFF;
		margin-top: 19rpx;
	}

	.qhsj_txt {
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #7B7B7B;
	}

	.qhsj {
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #ACACAC;
		margin-right: 10rpx;
	}

	.qhsj_icon {
		margin-top: 4rpx;
	}

	.sjx {
		display: inline-block;
		width: 12rpx;
		height: 12rpx;
		border-left: 2rpx solid #FF690D;
		border-bottom: 2rpx solid #FF690D;
		transform: rotate(-45deg);
		margin-left: 12rpx;
		margin-top: 8rpx;

	}

	.dsjx {
		display: inline-block;
		width: 12rpx;
		height: 12rpx;
		border-left: 2rpx solid #FF690D;
		border-bottom: 2rpx solid #FF690D;
		transform: rotate(135deg);
		margin-left: 12rpx;
		margin-top: 14rpx;

	}

	.xuxian {
		width: 16rpx;
		height: 2rpx;
		background-color: #e9e9e9;
	}
</style>
